<template>
  <div id="app">
  
  <router-view></router-view>
























    <!-- <button @click="$router.go(-1)">返回</button>
    <br/>
    美团外卖<br/> -->
    <!-- <router-link to="/home">首页</router-link> 这是没有传参的，注释掉，下面是传参的写法-->
    <!-- 路由传参有三个方法，第一个方法：params 。-->
    <!-- to中使用path，router会忽略params，所以要写一个对象，里面有两个属性，第一个name属性指定对应的组件 -->
    <!-- 同时，因为to属性对应的value不是一个单一的路径，而是一个对象，所以要使用v-bind动态绑定 -->
    <!-- <router-link v-bind:to="{name:'home',params:{name:'张三',age:10}}">首页</router-link>
    &nbsp;&nbsp;&nbsp;&nbsp; -->
    <!-- 方法二：query传参 也是绑定一个对象，第一个属性是路径-->
    <!-- <router-link :to="{path:'/mine',query:{name:'李四',age:12}}">我的</router-link>
    &nbsp;&nbsp;&nbsp;&nbsp; -->
    <!-- 方法三：路径跳转传参 -->
    <!-- <router-link to="/mine/王五/16">我的2</router-link> -->

    
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang="scss">


</style>
